<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:display="http://www.w3.org/1999/xhtml"
      xmlns:div.display="http://www.w3.org/1999/xhtml" xmlns:row.display="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>changePwd</title>

    <!-- Bootstrap Core CSS -->
    <link th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" href="../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <link th:href="@{/vendor/metisMenu/metisMenu.min.css}" rel="stylesheet">

    <!-- Custom CSS -->
    <link th:href="@{/dist/css/sb-admin-2.css}" rel="stylesheet">

    <!-- Custom Fonts -->
    <link th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>


<!-- Bootstrap Core JavaScript -->
    <script th:src="@{/vendor/jquery/jquery.min.js}" src="../static/vendor/jquery/jquery.min.js"></script>
    <script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script th:src="@{/vendor/metisMenu/metisMenu.min.js}"></script>

    <!-- Custom Theme JavaScript -->
    <script th:src="@{/dist/js/sb-admin-2.js}"></script>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>
<body>

<div  id ="changePwd"  >
    <div class="col-lg-12" >
        <!--/changePwd(userid=${userid})-->
        <!--(userid=${userid})-->
        <form   name="changePwd" th:action="@{/changePwd(userid=${userid})}" th:object="${changePwd_entity}" method="post"  >
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">更改密码</a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">

                        <div class="row"  >
                            <div class="col-lg-4" style="display: none;">
                                <input   type="text"  th:value="${custcode}" th:field="*{userID}" class="form-control">
                            </div>
                        </div>

                        <div class="row" >
                            <div class="col-lg-2">
                                <label >密码：</label>
                            </div>
                            <div class="col-lg-4">
                                <input type="text" th:field="*{OldPassword}" name="OldPassword" class="form-control" >
                                <div th:if="*{#fields.hasErrors('OldPassword')}" th:errors="*{OldPassword}" class="alert alert-danger">
                                </div>
                            </div>
                        </div>

                        <div class="row" >
                            <div class="col-lg-2">
                                <label >新密码：</label>
                            </div>
                            <div class="col-lg-4">
                                <input  id="NewPassword" type="text" th:field="*{NewPassword}" name="NewPassword" class="form-control" >
                                <div th:if="${#fields.hasErrors('NewPassword')}" th:errors="*{NewPassword}" class="alert alert-danger">
                                </div>
                            </div>
                        </div>

                        <div class="row" >
                            <div class="col-lg-2">
                                <label >确认信密码：</label>
                            </div>
                            <div class="col-lg-4">
                                <input id="NewPassword2"  type="text" th:field="*{NewPassword2}" name="NewPassword2" class="form-control" >
                                <div th:if="${#fields.hasErrors('NewPassword2')}" th:errors="*{NewPassword2}" class="alert alert-danger">
                                </div>
                                </div>
                        </div>

                        <div class="row" >
                            <div class="col-lg-6" style="color:#F00">
                                <label font color="red">确认新密码与新密码必须匹配！</label>
                            </div>

                        </div>

                        <div class="row" >
                            <div class="col-lg-3">
                            </div>
                            <div class="col-lg-4">
                                <button type="submit" class="btn btn-primary">确认修改密码</button>
                            </div>
                        </div>



                    </div>
                </div>
            </div>
        </form>
    </div>
</div>




</body>
</html>